<template>
    <view class="item-title-border">
        <view class="title-text"
            ><text></text><view>{{ text }}</view></view
        >
    </view>
</template>

<script>
export default {
    props: ["text"],
    data() {
        return {}
    },
    methods: {},
}
</script>

<style lang="scss">
.item-title-border {
    padding: $app-page-padding;
    .title-text {
        display: flex;
        align-items: center;
        // padding-left: 10rpx;
        // border-left: solid 4rpx $app-color-main;
        font-size: $font-size-24;

        text {
            display: block;
            width: 4rpx;
            height: 24rpx;
            background: $app-color-main;
            margin-right: 10rpx;
        }
        view {
            font-size: $font-size-28;
            color: $color-gray-1;
            font-weight: bold;
        }
    }
}
</style>
